## 组件

### 函数组件

function 组件名(){
return jsx/null
}

使用组件:
<组件名></组件名>
<组件名 />
组件在哪里使用,组件的结构就渲染到哪里

### 类组件

class 组件名 extends React.Component{
render(){
return jsx/null
}
}

### 类组件中状态的使用

需要渲染的数据,就存到状态里面

1. 定义状态
   constructor(){
   super()
   this.state = {
   属性: 值
   }
   }
2. 使用状态
   this.state.属性
3. 修改状态
    this.setState({
        要修改的数据: 目标值
    })
